/* app不用写这个属性，不然会报错 */
.display {
  /* #ifndef APP-NVUE */
  display: flex;
  /* #endif */
}

/* 水平方向 */
.flex-row {
  display: flex;
  flex-direction: row;
}

/* 垂直方向 */
.flex-column {
  display: flex;
  flex-direction: column;
}

/* 横向上下居中 */
.row-center {
  display: flex;
  flex-direction: row;
  align-items: center;
}

/* 横向左右居中 */
.justify-center {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

/* 横向上下左右居中 */
.all-center {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

/* 横向均匀分布 */
.row-space-between {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

/* 横向居中分布 */
.row-space-around {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}

/* 纵向左右居中 */
.column-center {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* 垂直两端对齐 */
.column-space-between {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* 纵向均匀分布 */
.column-space-around {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.flex {
  flex: 1;
}

.investPopupHeight {
  height: 438px;
}

html {
  font-size: 13.33333333vw;

;
}
body {
  font-size: 12px;
}
html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #171A26;
}

#app {
  font-family: PingFang, Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #fff;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  background: rgba(240, 242, 247, 1);
  background: #171A26;
}
